/*
 * xs < sm < md < lg
 * xs <768
 * sm >=768
 * md >=992
 * lg >=1200
 */




@media (max-width:768px) {

  .xs-hide,
  .show-after-sm,
  .show-after-md,
  .show-after-lg,
  .show-before-xs {
    display: none;
  }


}

@media (min-width:768px) {

  .sm-hide,
  .show-after-md,
  .show-after-lg,
  .show-before-xs,
  .show-before-sm {
    display: none;
  }

}


@media (min-width:992px) {

  .md-hide,
  .show-after-lg,
  .show-before-xs,
  .show-before-sm,
  .show-before-md {
    display: none,
  }
}

@media (min-width:1260px) {

  .lg-hide,
  .show-before-xs,
  .show-before-sm,
  .show-before-md,
  .show-before-lg {
    display: none
  }

  .show-after-xs,
  .show-after-sm,
  .show-after-md,
  .show-after-lg {
    display: block;
  }
}